<!DOCTYPE >
<html lang="zh-cn">
<head>
  <title>统计</title>
  <% include ../partials/head %>
  <style type="text/css">
  .loveCotent li{vertical-align:top;display: inline-block;width: 24%;}
  .loveCotent li p{width: 100%;text-align: center;line-height: 100px;}
  .big{font-size: 50px;font-weight: bold;}
  </style>
</head>
<body>
	<header>
      <% include ../partials/header %>
  </header>
  <div class="ch-container">
    <% include ../partials/sidebar %>
    <!-- 页面内容 -->
    <!-- 页面内容 -->
    <div id="content" class="col-lg-10 col-sm-10">
        <div class="row">
          <div class="box col-md-12">
          	<div class="box-inner">
                 <ul class="loveCotent">
                    <li>
                       <p>总人数</p>
                       <p class="big"><%=sum%></p>
                   </li>
                   <li>
                    <p>女生人数</p>
                    <p class="big"><%= female%></</p>
                </li>
                <li>
                    <p>男生人数</p>
                    <p class="big"><%= male%></</p>
                </li>
                <li>
                   <p>年龄</p>
                   <div>
                    <% for(i=0;i<ageSum.length;i++){%>
                    <% if(i<ageSum.length-1){%>
                    <p style="line-height:30px;height:30px"><%= i+17%>岁：<%= ageSum[i]%>人</p>
                    <% }%>
                    <% if(i==ageSum.length-1){%>
                    <p style="line-height:30px;height:30px">30岁以上：<%= ageSum[i]%>人</p>
                    <% }%>

                    <%}%>
                </div>
            </li>
        </ul>
    </div>
</div>
</div>
</div> 
<% include ../partials/footer %>
</div>
<% include ../partials/external %>
</body>
</html>
